@import url(reset.css);
@import url(tree.css);
html{height:100%}

body{font:14px Calibri,Arial;background:#eee;color:#333;height:100%;text-align:center}
h1,h2,h3{font-family:Cambria,Georgia}
h1{color:#C20620;font-size:24px}
h2{color:#175EAD;font-size:20px}
h3{color:#409AD3;font-size:16px}

a{color:darkgreen;text-decoration:underline}
a:hover{text-decoration:none}
.actions {height:24px;line-height:20px;overflow:hidden;color:#aaa;border-bottom:1px dotted #ccc;padding-bottom:5px;margin-bottom:10px}
.actions a{text-decoration:none;color:#aaa}
.actions a:hover{color:#369}
.actions .req-select{display:none;border-left:1px dotted #d0d0d0;padding-left:5px;margin-left:5px}
.actions.selected .req-select{display:inline-block}
.actions form{padding:0;margin:0;float:none;width:auto}
.actions label{float:none;clear:none;margin:0;padding:0;font-weight:normal;width:auto;display:inline-block}
.actions input{float:none;height:22px;line-height:20px;font-size:9px;margin:0}
.actions input[type=submit]{font-size:11px;padding:0}

.throbber{width:16px;height:16px;display:inline-block;background:#fff url(../image/throbber.gif) no-repeat center center}

table.list{width:100%;border:1px solid #777;border-collapse:collapse}
table.list th{text-align:left;background:#175EAD url(../image/table-header.png) repeat-x 0 center;padding:2px 0}
table.list th a{color:#fff;text-decoration:none;display:block;padding:2px 4px;border-left:1px solid #a0bee0}
table.list th.sorted.asc a{background:url(../image/sort-asc.gif) no-repeat 6px center;padding-left:20px}
table.list th.sorted.desc a{background:url(../image/sort-desc.gif) no-repeat 6px center;padding-left:20px}
table.list tbody{background:#fff}
table.list tr.odd{background:#f2f2f2}
table.list tr:hover{background:#F9FC9C}
table.list td{padding:4px 4px}
table.list td.actions{width:35px;text-align:right}
table.list th.actions{text-align:center}
table.list th.actions a{display:inline-block;padding:0;border:none}
table.list a.action{width:16px;height:16px;text-indent:-100em;overflow:hidden;display:inline-block;background-repeat:no-repeat;background-position:center center}
table.list a.action.new{background-image:url(../image/ico/new.png)}
table.list a.action.edit{background-image:url(../image/ico/edit.png)}
table.list a.action.delete{background-image:url(../image/ico/delete.png)}
table.list td.id{width:30px}
table.list td.float{text-align:right;width:80px}
.pagination{width:100%;font-size:12px;background:#bbb;text-align:center}
.pagination a{text-decoration:none;color:#555;display:inline-block;padding:3px;margin:2px 0 2px 2px;min-width:16px;text-align:center}
.pagination a:hover{background:#fff}
.pagination strong{display:inline-block;padding:3px;color:#fff;background:#777;margin:2px 0 2px 2px;min-width:16px;text-align:center}

.flash-message{padding:5px 0;position:fixed;width:100%;box-shadow:0 0 5px #000;z-index:99999}
#login-box .flash-message{box-shadow:none;margin-left:190px;padding:5px 10px;width:auto}
form .flash-message{padding:3px;float:left;margin:8px 0}
.error{background:#DD001D;color:#fff}
.ok{background:darkgreen;color:#fff}

.left{float:left}
.right{float:right}
.clear{clear:both}
.info{font-weight:normal;color:#aaa;font-size:11px}

form{float:left;padding:20px}
fieldset{float:left;clear:both;matgin:10px 0;border:2px groove #fff}
legend{display:block;padding:0 5px;color:#aaa}
input,select,textarea{float:left;margin:5px;padding:3px 5px;font:14px Calibri,Arial}
input[type=text],input[type=password],select,textarea{border:1px solid #175EAD}
input.xsmall{width:40px}
input.small{width:80px}
input.medium{width:150px}
input.large{width:400px}
select.multi{width:184px;height:100px;padding:0}
label{float:left;margin:8px 0;cursor:pointer;display:block;width:150px;text-align:right;clear:both;font-weight:bolder}
label input{float:right;margin:2px 5px}
label.inline{margin-left:20px;clear:none}
label.error{color:#DD001D}
label.error:before{content: "* "}
label.radio{text-align:left;font-weight:normal;display:inline-block;float:none;width:auto;margin-left:5px}
label.radio input{float:none}
label.required:before{color:#f00;content:"* "}
textarea{width:400px;height:60px}

#login-box{width:400px;margin:0 auto}

#toolbar{float:left;width:300px;background:#fff;color:#ccc;height:100%;border-right:1px solid #777;font-size:16px;text-align:left}
#toolbar h2{text-align:center}
#toolbar ul{margin-right:-1px;margin-top:30px}
#toolbar li a,#toolbar li strong{display:block;padding:5px;border-right:1px solid #777;text-decoration:none;text-align:right;text-transform:uppercase}
#toolbar li strong{background:#eee;border-top:1px solid #777;border-bottom:1px solid #777;border-right:1px solid #eee;color:#000}
#toolbar li a{margin-right:1px;border-right:none;border-bottom:1px solid #eee;color:#aaa}
#toolbar li a:hover{color:#fff;background-color:#175EAD}
#content{float:left;padding:20px;text-align:left;min-width:600px;max-width:800px}
#content h1{margin-bottom:20px}
#content h1 a{margin-bottom:20px;color:#C20620;text-decoration:none}
#content h1 i{font-weight:normal;font-size:0.75em}

#logo{margin:10px}

ul.product-images{list-style:none;margin:5px;float:left;max-width:600px}
ul.product-images li{width:100px;height:100px;overflow:hidden;margin:0 5px 5px 0;float:left;position:relative;background:#fff;border:1px solid #175EAD}
ul.product-images li.add{font-size:30px;line-height:100px;text-align:center;position:relative}
ul.product-images li.add span{color:#175EAD;background:#fff;display:block;width:100px;height:100px;position:absolute;z-index:1}
ul.product-images li.add input{height:100px;width:100px;opacity:0;position:relative;z-index:2;cursor:pointer}
ul.product-images li.add.loading{background:#fff url(../image/throbber.gif) no-repeat center center}
ul.product-images li.add.loading *{display:none}
ul.product-images li .btn{cursor:pointer;position:absolute;width:16px;height:16px;border:none;left:74px;background-repeat:no-repeat;background-position:center center;background-color:transparent;display:none}
ul.product-images li:hover .btn{display:block}
ul.product-images li .btn.delete{background-image:url(../image/ico/delete.png)}
#baloon{display:none;position:absolute;padding:5px;background:#fff;border:1px solid #000;z-index:9999}

#tag-search{width:150px;background:#fff url(../image/search.png) no-repeat 160px center;padding-right:28px}
#tag-search.loading{background-image:url(../image/throbber.gif)}
.tags-container{position:relative}
.dropdown{position:absolute;list-style:none;background:#fff;border:1px solid #175EAD;border-top:none;left:5px;top:29px;z-index:999;width:183px}
.dropdown li{border-top:1px solid #ccc}
.dropdown a{text-decoration:none;color:#555;display:block;padding:5px}
.dropdown a:hover{background:#175EAD;color:#fff}
ul.product-tags{list-style:none;float:left}
ul.product-tags li{color:#777;float:left;border-radius:5px;margin:5px;background:#fff;border:1px solid #175EAD;padding:2px 2px 2px 4px}
ul.product-tags li.empty{border:none;background:transparent}
ul.product-tags li:hover{color:#000}
ul.product-tags li a{margin-left:5px;display:block;float:right;border-left:1px dotted #ccc;padding-left:3px;text-decoration:none;color:#ccc;font-weight:bolder;font-size:11px;line-height:17px;height:17px;padding-right:5px;border-radius:3px}
ul.product-tags li a:hover{background:#C20620;border-left-color:transparent;color:#fff}
